<template>
    <div>
        <nav-header title="评论详情"></nav-header>

        <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">

            <div class="sun" v-for="(item, index) in contentlist" :key="index">
                <span class="sun1">
                    <van-image round width="60px" height="60px" :src="item.info.avatar">
                        <template v-slot:error>加载失败</template>
                    </van-image>
                    <span class="username1">
                        <p class="name1">{{ item.info.nickname }}</p>
                        <p class="zan1" v-html="item.content"></p>
                        <p class="time1">{{ item.create_time | moment }}
                            <span class="btn">{{ item.reply_num }}回复</span>
                        </p>
                    </span>
                </span>
                <span class="rigeht1">
                    <van-icon name="good-job" size="20px" color="red" />
                    <span class="yes">{{ item.like_count }}</span>
                </span>
            </div>
        </van-list>

    </div>
</template>

<script>
import NavHeader from "../../components/Nav-Header.vue";
export default {
    name: 'App03HomeListall',
    components: {
        NavHeader,
    },
    data() {
        return {

        };
    },

    mounted() {

    },

    methods: {

    },
};
</script>

<style lang="scss" scoped>
</style>